<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>注册</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="keywords" content="">
    <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../resources/css/common.css">
    <style>

    </style>
</head>
<body>

<!-- Navigation bar starts -->
<div class="container" style="max-width: 500px;margin:0 auto;padding: 80px 5px;">
    <div class="content"
         style="background-color: rgba(228, 241, 247, 0.5);border: 1px solid #eee;padding: 15px;border-radius:18px;">
        <h3 class="text-center">注册账号</h3>
        <div class="form">
            <form class="form-horizontal" method="post" onsubmit="return false;" id="registerForm">
                <!-- Username -->
                <div class="form-group">
                    <label class="control-label" for="username">用户名</label>
                    <div>
                        <input type="text" class="form-control" id="username" name="username" required
                               pattern=".{5,}" title="账号长度要求5位数以上">
                    </div>
                </div>
                <!-- Password -->
                <div class="form-group">
                    <label class="control-label" for="password">密码</label>
                    <input type="password" class="form-control" id="password" name="password" required
                           pattern=".{6,16}" title="密码长度需要在6-16个字符之内">
                </div>
                <div class="form-group" style="padding-bottom: 20px;">
                    <label class="control-label" for="password_confirm">确认密码</label>
                    <input type="password" class="form-control" id="password_confirm" name="password_confirm" required
                    >
                </div>
                <!-- Buttons -->
                <div style="text-align:center;margin-bottom: 1rem;" class="aligncenter">
                    <button type="button" class="btn btn-info" style="margin-right: 20px;" onclick="backToLogin()">
                        返回登录
                    </button>
                    <button type="submit" class="btn btn-primary" onclick="register();">
                        注册
                    </button>
                </div>
            </form>

        </div>
    </div>
</div>

<script src="../resources/JQuery/jquery-3.3.1.min.js"></script>
<script src="../resources/bootstrap/js/bootstrap.min.js"></script>
<script src="../resources/js/register.js"></script>
<script src="../resources/js/bg.js"></script>
<script src="../resources/js/common.js"></script>
<script src="../resources/bootstrapExtrends/js/jquery.bootstrap-growl.min.js"></script>
<script src="../resources/bootstrapExtrends/js/bootbox.min.js"></script>
</body>
</html>